<?php 
switch($mdDataList['skins']):
	case "index":
?>
	<header class="mui-bar mui-bar-nav">
		<h1 class="mui-title"><?=$mdDataList['title']?></h1>
	</header>
<?php 
	break;
	case "search":
?>
<form>
	<div class="md-header">
		
		<img class="md-header-logo" src="<?=$mdDataList['img']?>" />
		<div class="md-header-search">
			<input type="text" class="md-header-serch-input" >
		</div>
		<a class="md-header-user" href="/index.php?m=user"><i class="iconfont icon-my"></i></a>
		
	</div>
	</form>
<?php	
	break;
	default:
?>
	<header class="mui-bar mui-bar-nav">
			<a href="/" class="goBack mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title"><?=$mdDataList['title']?></h1>
	</header>
<?php
	break;
	 
endswitch;
?>
<div style="height: 50px;"></div>
<style>
	.md-header{
		display: flex;
		height: 50px;
		padding: 5px 3px;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 999;
		background-color: #efefef;
	}
	.md-header-logo{
		margin-top: 3px; 
		width: 32px;
		height: 32px;
		margin-right: 5px;
	}
	.md-header-search{
		flex: 1;
		 
	}
	.md-header .md-header-serch-input{
		line-height: 32px;
		height: 32px;
		margin-bottom: 0;
		padding: 0 5px;
		margin-top: 3px;
	}
	.md-header-user{
		margin: 5px 6px;
	}
	.md-header-user .iconfont{
		font-size: 22px;
	}
</style>